<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 一，元素存在多个属性和属性值的使用
		 图片元素的使用
		 语法：<img/> 简写<img> 非封闭性标记
		 必须属性   src资源属性=【路径】图片全称
		 目录==文件夹【项目：存文件夹下】
		 Git仓库【front-end】路径【Day01】路径【图片元素.html】
		 路径：可以找到文件的地址，/\代表路径
		 
		 路径用法：
		 /代表 上传到服务器
		 \代表 下载到本地
		
		 ../返回上一级
		 
		 
		 相对路径：两种  相对于执行网页，找文件【文件夹+路径+文件全称】
		                相对于执行网页，套在文件夹下，需要返回上一级
		 
		 绝对路径：从盘符开始找路径，写法：c:/文件夹/文件夹/文件名称
		 
		 alt标题属性  属性文本自定
		 特点：网络延迟图片显示失效或者路径图片全称写错，用户提示
		 title标题属性   属性值文本自定
		 特点：鼠标移动上图片显示
		 属性与属性值可以多个，用空格区分，没有先后顺序
		 -->
		<img src="img/1.png" alt="海绵宝宝"width="200px" height="200px">
		<img src="img/2.jpg" title="金苹果"width="200px" height="200px"/>
		<img src="img/3.gif" alt="虫子" title="虫子"width="200px" height="200px"/>
	</body>
</html>